import { useMemo } from "react";

import { SvgProps } from "./";

/** 学习方式之填空 */
export default function Browse({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="43845"
        width="200"
        height="200"
        onClick={onClick}
      >
        <path
          d="M611.328 885.76H390.144c-33.792 0-61.44-27.648-61.44-61.44V281.6c0-33.792 27.648-61.44 61.44-61.44h394.24c33.792 0 138.24 27.648 138.24 61.44l5.12 307.2-316.416 296.96z"
          fill="#ABF4D0"
          p-id="43846"
          className="primary-fill"
          opacity=".4"
        ></path>
        <path
          d="M945.152 541.184c-1.024-6.656-3.072-12.8-5.632-18.432v-1.024c-6.144-13.312-14.336-26.112-25.088-37.888-11.264-12.288-21.504-20.992-32.256-26.624-5.632-3.072-11.264-5.12-17.92-7.168-7.68-2.56-15.36-3.584-23.04-4.096h-3.072c-8.192 0-16.384 1.024-24.576 3.584-9.728 3.072-18.432 7.68-27.136 14.848l-0.512 0.512-0.512 0.512c-4.096 3.584-9.216 8.192-14.336 13.312-4.608 4.608-8.704 8.704-12.288 11.776l-3.584 3.584-2.56 2.56-27.136 26.112 1.024 1.024-2.048 2.048-95.232 98.304-35.84 36.864-32.256 33.28c-9.728 10.24-18.432 18.944-25.088 26.112l-10.752 11.264-1.536 1.536c-6.144 6.144-11.264 12.8-14.848 18.944-3.072 5.12-6.144 10.752-8.704 16.896-2.56 5.12-5.12 11.264-7.68 20.48-2.56 7.68-5.12 16.384-7.68 25.6-2.56 8.704-5.12 17.408-7.168 25.6-3.072 10.752-4.608 18.432-5.632 24.576-3.072 20.48 1.024 37.888 11.264 51.2 6.144 8.192 20.48 20.992 45.056 20.992 3.072 0 6.144 0 9.728-0.512h2.048c5.12-1.024 12.288-2.56 22.016-5.12 8.192-2.048 17.408-5.12 27.136-8.192 9.216-3.072 18.432-6.144 26.624-9.728 9.216-3.584 16.384-6.656 21.504-9.216 7.168-3.072 13.824-7.68 20.48-12.8 4.096-3.072 8.192-6.656 11.776-9.728 3.072-2.56 6.656-6.144 13.824-13.312 6.656-6.656 14.336-14.848 23.552-24.576 8.704-9.216 18.432-19.456 31.232-32.256l0.512-0.512 0.512-0.512 35.328-36.864 95.232-98.304 30.72-31.744 0.512-0.512c2.56-2.56 5.632-5.12 8.704-8.704l6.656-6.656 10.24-10.24 0.512-0.512 0.512-0.512c7.168-7.68 12.288-16.384 15.872-25.6 3.584-9.216 5.12-18.432 5.12-28.16-1.536-8.704-2.56-15.36-3.584-22.016z m-203.264 200.192L706.56 778.24c-11.776 11.776-22.528 23.04-31.744 32.768-9.216 9.728-17.408 17.92-23.552 24.576-6.144 6.144-9.728 10.24-11.264 10.752-3.072 2.56-6.144 5.632-10.24 8.704-3.584 3.072-7.68 5.632-11.776 7.168-4.096 2.048-10.24 4.608-18.432 7.68s-16.384 6.144-25.088 8.704c-8.704 3.072-16.896 5.632-25.088 7.68-7.68 2.048-13.824 3.584-17.408 4.096-1.536 0-3.584 0.512-4.608 0.512-5.12 0-9.216-1.536-11.264-4.096-2.56-3.584-3.584-9.216-2.048-16.896 0.512-4.096 2.048-10.24 4.096-18.432s4.608-16.384 7.168-25.088c2.56-8.704 5.12-16.896 7.168-24.064 2.56-7.168 4.096-12.288 5.632-15.36 1.536-4.096 3.584-8.192 6.144-11.776 2.048-3.584 5.632-7.168 9.728-11.776 1.536-2.048 6.144-6.144 12.288-13.312 6.656-6.656 14.848-15.36 24.576-25.6l32.256-33.28 35.84-36.864 95.232-98.304 82.944 86.016-95.232 99.328zM901.12 573.44c-1.536 4.096-3.584 7.68-7.168 11.264l-9.728 9.728-7.168 7.168c-2.56 2.56-4.608 4.608-6.656 6.144L787.456 522.24c3.584-3.584 7.68-7.168 12.8-12.288 5.12-4.608 8.704-8.704 12.288-11.264 4.096-3.072 8.192-5.632 12.8-7.168 4.096-1.024 8.192-2.048 11.776-2.048h1.024c4.096 0 8.192 1.024 12.288 2.048 4.096 1.024 7.68 2.56 10.24 4.096 6.144 3.584 13.312 9.216 20.48 17.408 7.68 8.192 13.312 17.408 17.408 26.112 1.024 2.56 2.048 6.144 3.072 9.728 0.512 3.584 1.024 7.68 1.024 11.264 1.024 5.632 0 9.728-1.536 13.312z"
          fill="#2c2c2c"
          p-id="43847"
          className="on-bg-l-fill"
        ></path>
        <path
          d="M376.832 887.296h-184.32c-31.744 0-57.344-26.624-57.344-59.392V196.096c0-32.768 25.6-59.392 57.344-59.392h612.352c31.744 0 57.344 26.624 57.344 59.392v160.768c0 16.384 12.8 30.208 29.184 30.208 15.872 0 29.184-13.312 29.184-30.208V196.096c0-65.536-51.712-119.296-115.712-119.296H192.512C128.512 76.8 76.8 130.56 76.8 196.096v631.808c0 65.536 51.712 119.296 115.712 119.296h184.32c15.872 0 29.184-13.312 29.184-30.208s-13.312-29.696-29.184-29.696z"
          fill="#2c2c2c"
          p-id="43848"
          className="on-bg-l-fill"
        ></path>
        <path
          d="M729.6 272.896c0-16.384-12.8-30.208-29.184-30.208h-414.72c-15.872 0-29.184 13.312-29.184 30.208 0 16.384 12.8 30.208 29.184 30.208h414.72c16.384-0.512 29.184-13.824 29.184-30.208zM286.208 400.896c-15.872 0-29.184 13.312-29.184 30.208 0 16.384 12.8 30.208 29.184 30.208h286.208c15.872 0 29.184-13.312 29.184-30.208 0-16.384-12.8-30.208-29.184-30.208H286.208zM448.512 570.368H286.208c-15.872 0-29.184 13.312-29.184 30.208 0 16.384 12.8 30.208 29.184 30.208h162.304c15.872 0 29.184-13.312 29.184-30.208 0-16.896-13.312-30.208-29.184-30.208z"
          fill="#5CB660"
          p-id="43849"
          data-spm-anchor-id="a313x.7781069.0.i36"
          className="primary-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
